/* 个人中心 */
html{
font-family: 'Microsoft YaHei';
}
.my_order{
	background:#f5f5f5;
	.order_head{
		height: 120px;
		width:100%;
		background:url(../../assets/image/u_bg.png) no-repeat;
		background-size:100% 100%;
		display:flex;
		align-items:center;
	}
	.head_img{
		width:64px;
		height:64px;
		border-radius:50%;
		margin-left:13px;
		padding:2px;
		display:flex;
		align-items:center;
		justify-content:center;
		img{
			width:100%;
			height:100%;
		    border-radius:50%;
		    border:1px solid #fff;
		}
	}
	.user_info{
		margin-left:18px;
		color:#fff;
		.username{
			display:flex;
			align-items:center;
			font-size:17px;
			margin-bottom:5px;
			.name{
              margin-right:15px;
			}
			.authentication{
				font-size: 13px;
				width:50px;
				border: 1px solid #FFFFFF;
				border-radius: 4px;
                 display:flex;
                 justify-content:center;
                 align-items:center;

			}
		}
		.user_phone{
			font-size:15px;
		}
	}
	.setting{
		width:22px;
		height:22px;
		background:url(../../assets/image/setting.png) no-repeat;
		background-size:100% 100%;
		position:absolute;
		top:15px;
		right:15px;
	}
}
.order_text{
	height:38px;
	display:flex;
	align-items:center;
	justify-content:center;
	color: #333333;
	font-size:13px;
	i{
		width:62px;
		height:2px;
		background:#979797;
		margin-right:9px;
	}
	span{
		margin-right:9px;
	}
}
.gotoauthen{
    width:344px;
    height:280px;
	background: #FFFFFF;
	box-shadow: 0 2px 8px 0 rgba(0,105,237,0.10);
	border-radius: 8px;
	position:relative;
	left:50%;
	margin-left:-172px;
	top:-15px;
	padding:21px 20px 0 20px;
	box-sizing:border-box;
	font-size:17px;	
	.norenzhen{
		img{
			width:127px;
			height:100px;
			display:block;
			margin: 0 auto;
		}
		span{
			display:block;
			font-size: 15px;
			color: #333333;
			text-align: center;
			margin:15px auto 0;	
		}
		a{	display:block;
			width:220px;
			height:40px;
			text-align:center;
            line-height:36px;
			margin: 13px auto 0;
			font-size:15px;
			color:#fff;
			background-image: linear-gradient(90deg, #00BEFE 0%, #0089FC 100%);
			border: 1px solid #FFFFFF;
			box-shadow: 0 2px 4px 0 rgba(0,137,252,0.30);
			border-radius: 22px;
		}
	}
}
//已认证无订单
.noorder{
    width:344px;
    height:218px;
	background: #FFFFFF;
	box-shadow: 0 2px 8px 0 rgba(0,105,237,0.10);
	border-radius: 8px;
	position:relative;
	left:50%;
	margin-left:-172px;
	top:-15px;
	padding:21px 20px 0 20px;
	box-sizing:border-box;
	font-size:17px;
	.anyorder{
		img{
		  width:110px;
		  height:86px;
		  display:block;
		  margin:20px  auto 0;
		}
		span{
			font-size: 15px;
			color: #979797;
			text-align: center;	
			display:block;
			margin:10px auto;		
		}
	}

}
.itemwrap{
	background:#fff;
	margin-bottom:15px;
	padding-top:15px;
	.itemtop{
		display:block;
		border-bottom: 1px solid #EEEEEE;
		padding-bottom:14px;
		.hotel{
			display:flex;
			align-items:center;
			justify-content:space-between;
			.hotelname{
				font-size: 15px;
				color: #333333;
			}
			// 已预订
			.hasorder{
				font-size: 13px;
				color: #7ED321;
			}
			//入住中
			.haslive{
				font-size: 13px;
				color: #0089FC;
			}
			//已退房
			.hasquit{
				font-size: 13px;
				color: #979797;				
			}
		}
		.timearound{
			font-size: 13px;
			color: #333333;	
			margin-top:10px;
		}
		.roominfo{
			display:flex;
			align-items:center;
			justify-content:space-between;
			margin-top:5px;
			.size{
				font-size: 13px;
				color: #979797;
			}
			.price{
				font-size: 15px;
				color: #333333;				
			}
		}
	}
 .itembottom{
 	display:flex;
 	align-items:center;
 	justify-content:flex-end;
 	.buttom{
 		background: #FFFFFF;
		border: 1px solid #0089FC;
		margin-top:7px;
		margin-bottom:7px;
		border-radius: 15px;	
		box-sizing:border-box;
		width:98px;
        display:flex;
        justify-content:center;
        align-items:center;
        height:28px;
		font-size: 13px;
		color: #0089FC;
 	}
 	.quicklive{
 		background: #0089FC;
 		color:#fff;
 	}
 	.deleteorder{
 		margin-right:15px;
		font-size: 13px;
		color: #333333;	
		position:relative;
		.deletemsg{
			width:52px;
			height:28px;
			color:#fff;
			text-align:center;
			padding-top:8px;
			background:url(../../assets/image/msg.png) no-repeat;	
			background-size:100% 100%;
			position:absolute;
			top:20px;
			left:0;	
			z-index:1000;
		}	
 	}
 }
}
.historyorder{
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size: 13px;
	color: #979797;
	margin-top:-10px;
	img{
		width:16px;
		height:16px;
		margin-left:5px;
	}
}
.mainwrap{
	  position:relative;
	  top:-15px;
	  width:344px;
	  background: transparent;
	  margin: 0 auto;

}
.loademore-top{

}
/* 我的订单 */
.my_order_top{
	  width:344px;
	  margin:0 auto;
	  .my_order_text{
		font-size: 17px;
		color: #333333;
        height:60px;
        background:#fff;
        line-height:60px;
         border-radius:8px;
		display:block;
		margin-bottom:15px;
		padding-left:15px;
	  }
	.orderlist{ 
		overflow:visible;
		li{
		  border-radius:8px;
	  	  padding-left:15px;
	      padding-right:15px;				
		}
	}	  
}
.orderlist{ 
	overflow:visible;

}
/* 历史订单 */
.my_order_bottom_text{
	height:41px;
	line-height:41px;
	font-size: 15px;
	color: #979797;

}
.itemwrap_history{
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	border-radius: 4px;
}
/* 订单详情 */
.orderdetail{
	padding-bottom:48px;
}
.orderdetail_head{
	width:100%;
	height:211px;
	background:url(../../assets/image/o_bg.png) no-repeat;	
	background-size:100% 100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	.head_status{
		width:97px;
		height:97px;
		margin-top:18px;
		background:url(../../assets/image/bg2.png) no-repeat;	
		background-size:100% 100%;	
		color:#fff;
		line-height:97px;
		text-align:center;	
		font-size:15px;
	}
}
.order_step{
	display:flex;
	color:#fff;
	justify-content:center;
	font-size:13px;
	align-items:center;
	i{font-style:normal;}
	p{
		width:112px;
		height:2px;
		margin-left:4px;
		margin-right:4px;
		background:#fff;
	}
  span{
  	 width:15px;
  	 height:15px;
  	 border-radius:50%;
  	 background:#fff;
  }
  .currentspan{
    border:1px solid #fff;
 	background:#3FA7FF;
  }
}
.step_text{
	display:flex;
	margin-top:4px;
  	padding-left:25px;
    padding-right:25px;
    width:100%;
    box-sizing:border-box;
	justify-content:space-between;
	color:#fff;
	font-size:13px;
	text-align:center;
	.step_item{
			display:flex;
			flex-direction:column;
		.time{
	 		font-size:10px;
		}			
	}

}
.hotel_info{
	padding:10px 15px 9px 15px;
	border: 1px solid #EEEEEE;
	background:#fff;
	font-size:13px;
	position:relative;
	.hotel_name{
		display:flex;
		justify-content:space-between;
		align-items:center;
		.name_left{
			font-size:15px;
		}
		.name_right{
			color: #0089FC;
			display:flex;
			align-items:center;
			a{
				color: #0089fc;
			}
			i{
				width:10px;
				height:17px;
				background:url(../../assets/image/right.png) no-repeat;	
				background-size:100% 100%;
				margin-left:5px;				
			}
		}
	}
	.hotel_address{
		font-size: 13px;
		color: #979797;
		margin-top:5px;
	 }
}
.phonecall{
	height:43px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	i{
		width:22px;
		height:22px;
		background:url(../../assets/image/phonecall.png) no-repeat;	
		background-size:100% 100%;
		margin-right:10px;
	}
}
.live_info{
	margin-top:10px;
	background:#fff;
	.live_title{
		height:43px;
	    display:flex;
	    align-items:center;
	    padding-left:15px;
	    background:#fff;
	    border-bottom: 1px solid #EEEEEE;
	}
	.live_item{
		background:#fff;
		margin-left:15px;
		margin-right:15px;
		height:42px;
		// border-bottom: 1px solid #EEEEEE;
	    display:flex;
	    align-items:center;	
	    justify-content:space-between;
	    i{
	    	font-style:normal;
			font-size: 15px;
			color: #979797;	    	
	    }
	    span{
	    	color: #333333;
	    }
	}
	.live_item1{
		background:#fff;
		margin-left:15px;
		margin-right:15px;
		height:42px;
		// border-bottom: 1px solid #EEEEEE;
	    display:flex;
	    align-items:center;	
	      justify-content:normal;
	    i{
	    	font-style:normal;
			font-size: 15px;
			color: #979797;
			width:60px;   	
	    }
	    span{
	    	color: #333333;
	    }		
	}
}
.order_invoce{
	height:58px;
	display:flex;
	position:fixed;
	bottom:0;
	left:0;
	justify-content:center;
	align-items:center;
	width:100%;
	background:#fff;
	margin-top:32px;
	a{  display:block;
		width:355px;
		height:40px;
		background: #FFFFFF;
		border: 1px solid #0089FC;
		border-radius: 22px;
		color: #0089FC;
		line-height:40px;
		text-align:center;		
	}
}
.cancelfix{
position:static;
margin-top:0;
}
.orderdetailedit{
	padding-bottom:0;
}
.edithight{
	height:0;
}
.order_invoce_delete{
  span{
  	font-size: 15px;
	color: #979797;

	display:block;
  }
  a{	margin-left:42px;
		width:230px;
		height:40px;
		background: #FFFFFF;
		border: 1px solid #0089FC;
		border-radius: 22px;
		color: #0089FC;
		line-height:38px;
		text-align:center;	
  }
}

.broadcast {
	position: relative;
	.index-box {
		position: absolute;
		bottom: 20px;
		right: 15px;
		width: 40px;
		font-family: PingFangSC-Regular;
		font-size: 13px;
		color: #FFFFFF;
		text-align: center;
		height: 24px;
		text-align: center;
		line-height: 24px;
		color: #fff;
		background: rgba(0,0,0,0.36);
		border-radius: 22px;
	}
	.back {
		width: 36px;
		height: 36px;
		left: 15px;
		top: 15px;
		position: absolute;
		z-index: 9999;
		img {
			width: 100%;
			height: 100%;
		}
	}
	.share {
		right: 16px;
		width: 36px;
		height: 36px;
		top: 15px;
		position: absolute;
		z-index: 9999;
		img {
			width: 100%;
			height: 100%;
		}
	}
}
//轮播
.mint-swipe-items-wrap{
	width:100%;
	height: 211px !important;
	box-sizing:border-box;
	img{
		width:100%;
		height:100%;
	}
}

.absolute_wrap_bottom {
	width: 100%;
	height: 60px;
	padding-left: 20px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 15px;
	div {
		&:nth-child(1){
			width: 200px;
		}
	}
	i{
		display: inline-block;
		vertical-align: middle;
		width: 14px;
		height: 16px;
		background:url(../../assets/image/phonewait.png) no-repeat;	
		background-size:100% 100%; 
		margin-right:10px;			
	}
	span {
		font-family: PingFangSC-Regular;
		font-size: 13px;
		color: #333333;
		letter-spacing: 0;
	}
	.phonenum {
		font-family: PingFangSC-Regular;
		font-size: 13px;
		color: #333333;
		letter-spacing: 0;
	}
}

.img-phone {
	width: 30px;
	height: 30px;
	img {
		width: 100%;
		height: 100%;
	}
}
.map_address{
	width:100%;
	height: 60px;
	display:flex;
	text-align: left;
	padding-left: 20px;
	align-items:center;
	font-size: 13px;
	color: #333333;
	background-color: #fff;
	justify-content: space-between;
	bottom: 0px;
	.l-left {
		display: flex;
		align-items: center;
		i{
			
			width:16px;
			height:16px;
			background:url(../../assets/image/phoneaddress.png) no-repeat;	
			background-size:100% 100%; 
			margin-right:10px;	  		
		}
	}
	.l-right {
		width: 90px;
		height: 60px;
		background-image: url('../image/map_img@3x.png');
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
}
.map_bg{
   width:100%;
   height: 84px;
//    background:url(../../assets/image/mspbg.png) no-repeat;	
//   background-size:100% 100%;  
	background-color: #fff;
  position:relative;
  .absolute_wrap{
	width: 345px;
	margin: 0 auto;
  	background: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
	border-radius: 8px;
	// background-color: red;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -10px;
	.absolute_wrap_top{
		height: 90px;
		margin-left:13px;
		margin-right:13px;
		border-bottom: 1px solid #EEEEEE;
		display:flex;
		align-items:center;
	
		.img {
			width: 46px;
			height: 46px;
			img {
				width: 100%;
				height: 100%;
			}
		}
		p{
			font-family: PingFangSC-Medium;
			font-size: 17px;
			color: #3C3C3C;
			margin-left: 10px;
		}
		span{
		  margin-left: 10px;
		  font-family: PingFangSC-Regular;
		  font-size: 13px;
		  color: #979797;		
		}
	}
	
  }
 
}
.order_text2{
	height:49px;
	i{
		background:#979797;
	}
}
.tabbar{
	display:flex;
	height:44px;
	background:#FFFFFF;
	// border-top: 1px solid #eee;
	position: relative;
	z-index: 999;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,.1);
	div{
		width:33%;
		line-height:44px;
		text-align:center;
	}
	.tabspan{
		color:#0089FC;
		border-bottom:1px solid #0089FC;
	}
}
.hotel_img{
	background:#fff;
	padding:15px 15px 15px 15px;

}
.services{
	background:#fff;
	padding-top: 20px;
	padding-left:15px;
	padding-right:15px;
	.services_title{
		height:46px;
		display:flex;
		align-items:center;
	}
	.public_services{
		font-size: 13px;
		color: #979797;	
		margin-bottom:5px;	
	}
}
.content {
	.c-item {
		display: flex;
		width: 100%;
		height: 44px;
		background-color: #f8f8f8;
		align-items: center;
		justify-content: space-between;
		padding: 0 15px;
		margin-bottom: 10px;
		span {
			&:nth-child(1) {
				position: relative;
				font-family: PingFangSC-Regular;
				font-size: 15px;
				color: #333333;
				display: flex;
				align-items: center;
				img {
					width: 22px;
					height: 22px;
					margin-right: 10px;
				}
				.logo {
					margin-left: 5px;
					padding: 0 8px;
					height: 18px;
					line-height: 18px;
					font-family: PingFangSC-Regular;
					font-size: 13px;
					background: #FF615D;
					border-radius: 4px;
					color: #FFFFFF;
				}
			}
			&:nth-child(2) {
				i {
					font-size: 14px;
				}
			}
		}
	}
}
.services_item{
	display:flex;
	flex-wrap:wrap;
	span{
		font-size: 13px;
		color: #333333;
		margin-right:50px;
		margin-bottom:14px;
	}
}
.trafic{
	font-size: 13px;
	color: #333333;
	background:#fff;
	padding-bottom:15px;
	i{
		font-style:normal;
		color: #979797;	
	}
}
.bottom_elive{
	height:41px;
	line-height:41px;
	text-align:center;
	font-size: 15px;
	color: #979797;	
}
.traficservice{
	height:auto;
}
/* 申请开票 */
.choose_type{
	background:#fff;
	padding-top:10px;
	.choose_type_title{
		margin-left:15px;
		padding-bottom:10px;

	}
}
.invioce_type{
	background:#fff;
	display:flex;
	padding-left:15px;
	padding-right:15px;
	justify-content:space-between;
	padding-bottom:15px;
	span{
		width:160px;
		height:50px;
		border-radius: 8px;
		line-height:50px;
		font-size:15px;
		text-align:center;
		color:#979797;
		border:1px solid  #979797;
	}
	.inviocespan{
		color:#0089FC;
		border-color:#0089FC;
	}
}
.input_list{
	background:#fff;
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:9px;

}
.input_item{
	height:42px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom: 1px solid #EEEEEE;
	.input_left{
		font-size: 15px;
		color: #151515;
		span{
			color:#0089FC;
		}
	}
	.input_right{
		color: #333333;
		display:flex;
		input{
			text-align:right;
			width:100%;
			font-size:15px;
		}
		.myradio{
			display:flex;
			margin-right:10px;
			align-items:center;
			i{ 
				width:14px;
				height:14px;
				vertical-align:middle;
				position:relative;
				top:1px;
				margin-right:4px;
	   			background:url(../../assets/image/radio.png) no-repeat;	
	  			background-size:100% 100%; 				
			}
			.currenti{
	   			background:url(../../assets/image/radiocheck.png) no-repeat;
	   			background-size:100% 100%; 					
			}
		}
	}
	.input_right_money{
		color: #FF615D;	
	}

}
.input_textarea{
	display:flex;
	height:58px;
	padding-top:10px;
	border-bottom: 1px solid #EEEEEE;
	textarea{
		margin-left:75px;
		flex: 1 1 auto;
	}
}
.invioce_submit{
	width:248px;
	height:43px;
	margin:8px auto 8px auto;
	background-image: linear-gradient(90deg, #00BEFE 0%, #0089FC 100%);
	border: 1px solid #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(0,137,252,0.30);
	color:#fff;
	text-align:center;
	line-height:43px;
	border-radius: 22px;
	margin-top:30px;
}
.invioce_tip{
	font-size: 13px;
	color: #979797;
	margin:0 auto;
	text-align:center;
	margin-bottom:30px;
}
/* 发票记录 */
.inviocelist_head{
	height:100px;
	color:#fff;
	display:flex;
	align-items:center;
	padding-left:14px;
	background:url(../../assets/image/in_bg.png) no-repeat;
	background-size:100% 100%; 
	.inviocelist_head_img{
		width:58px;
		height:58px;
		border-radius:50%;
		margin-right:14px;
		img{
			width:100%;
			height:100%;
			border:1px solid #fff;
		    border-radius:50%;
		}
	}
}
.fillwrap{
	height:10px;
	background:#fff;
}
.inviocelist{
	.input_list{
		margin-top:0;
		padding-bottom:0;
		margin-bottom:10px;
		.insuccess{
			color:#FF615D;
		}
		.success{
			color:#979797;
		}
		.input_left{
			flex-shrink:0;
		}
		.textnote{
			margin-left:50px;
			width:100%;
			text-align:right;
		}
	}
}
.watchdetail{
	height:49px;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	font-size:13px;
	a{
		width:98px;
		height:28px;
		display:block;
		border: 1px solid #0089FC;
		border-radius: 15px;
		color:#0089FC;
		line-height:26px;
		text-align:center;		
	}
}
.detail_head{
 display:flex;
 align-items:center;
}
.inviocedetail{
	.inviocelist_head{
		justify-content:space-between;
		padding-right:15px;
		.detail_right{
			display:flex;
			align-items:center;
			span{
				color:#fff;
			}
			i{
				width:10px;
				height:17px;
				background:url(../../assets/image/wright.png) no-repeat;	
				background-size:100% 100%;
				margin-left:5px;					
			}
		}
	}
}
.invioce_status{
	height:93px;
	padding-left:35px;
	line-height:93px;
	margin-bottom:10px;
	background:#fff;
}
//mint ui 确认
.mint-msgbox-confirm{
	 color: #0089fc;
}
.service-index {
	min-height: 100vh;
	background-color: #fff;
	.content {
		padding: 15px;
		word-break: break-all;
		p {
			width: 100%;
			img {
				margin-top: 10px;
				vertical-align: middle;
				&+img {
					margin-top: 0;
					vertical-align: middle;
				}
			}
			&+img {
				margin-top: 10px;
				vertical-align: middle;
				&+img {
					margin-top: 0;
					vertical-align: middle;
				}
			}
		}
		img {
			width: 100%;
			height: auto;
		}
	}
}